<template>
  <div class="main">
    <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
<!--    <header>-->
<!--      &lt;!&ndash;    <NuxtLink to="/">index页面</NuxtLink>&ndash;&gt;-->
<!--      <NuxtLink to="/home">home页面</NuxtLink>-->
<!--      <NuxtLink to="/about">about页面</NuxtLink>-->
<!--    </header>-->
<!--    <NuxtPage></NuxtPage>-->
    <!--  <router-view></router-view>-->
  </div>

</template>
<script setup lang="ts">
</script>


<style>
html{
  overflow: hidden;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
</style>
<style scoped>
/*主页面*/
.main {
  min-width: 1200px;
  width: 100vw;
  height: 100vh;

  /* background: -webkit-linear-gradient(
    left,
    rgb(145, 217, 246) 0%,
    #db6ff3 100%
  );
  display: grid;
  grid-template-rows: 50px 1fr; */
  background-color: rgba(187, 186, 186, 0.3);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  font-size: 14px;
  font-weight: 500;
}

.wrapper {
  background: -webkit-linear-gradient(left, rgb(145, 217, 246) 0%, #db6ff3 100%);
  height: calc(100vh - 60px);
  overflow-y: auto;
}
</style>